<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>{% block title %}test123{% endblock %}</title>
    <link href="/static/client/css/bootstrap.css" rel="stylesheet">
    <link href="/static/client/css/bootstrap-responsive.css" rel="stylesheet">
</head>

<body data-spy="scroll" data-target=".bs-docs-sidebar">
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <div class="nav-collapse collapse">
                    <div class="span1">
                    </div>
                    <div class="span6">
                        <ul class="nav">
                            <li class="">
                                <a class="brand" href="#">О компании</a>
                            </li>
                            <li class="">
                                 <a class="brand" href="#">Контакты</a>
                            </li>
                        </ul>
                    </div>
                    {% if not user.is_authenticated %}
                        <div class="span4"> 
                            <ul class="nav">
                                <li class="">
                                    <a class="brandnew" href="/registration/"><i class="icon-user icon-white"></i> Регистрация</a>
                                    
                                </li>
                                <li class="">
                                    <a class="brandnew" href="#myLogin" data-toggle="modal"><i class="icon-home icon-white"></i> Войти</a>
                                </li>
                                <li class="">
                                    <a class="brandnew" href="/bucket/"><i class=" icon-shopping-cart icon-white"></i> Корзина</a>
                                </li>
                            </ul>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>

    </br>
    </br>

    <div id="myLogin" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">Вход в личный кабинет</h3>
        </div>
        <div class="modal-body">
            <form class="navbar-form pull-left">
                <form class="navbar-form pull-left">
                    <h3>E-mail</h3> <input type="text" class="span16">
                </form>
                <form class="navbar-form pull-left">
                    <h3>Пароль</h3> <input type="text" class="span16">
                </form>
                </br>
                </br>
                </br>
                </br>
                </br>
                <input type="checkbox" /> Запомнить меня
                </br>
                </br>
            </form>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Отмена</button>
            <button class="btn btn-primary" onclick="parent.location='index-login.html'">Войти</button>
        </div>
    </div>

    <div class="container">
        <div class="row-fluid">
            <div class="span4">
                <a href="/">
                    <img class="img-font"  alt=""
                                          src="/static/client/img/newlogo.png" data-id="8022"></img>
                </a>
            </div>
            <div class="span4">
                             <img class="img-font" title="(057)777-0-666 (099)311-0-666 (093)789-0-666" alt="(057)777-0-666 (099)311-0-666 (093)789-0-666" src="/static/client/img/phone.png" data-id="8022"></img>
                    <form class="form-search">
                    <div class="input-append">
                                <input type="text" class="span16 search-query"  placeholder="Поиск артикула">
    
                          <button class="btn btn-danger" type="button" value="Поиск" onclick="parent.location='allprice.html'">  
                           Поиск
                          </button>
                    </div>
                </form>
            </div>
            <!--Социалки-->
            <div class="span1">
                 <a href="#">
                 <img class="img-font" title="TWIT" alt="Regulators Expanded"  src="/static/client/img/twit.png" data-id="8022"></img></a> 
                 <a href="#">
                 <img class="img-font" title="Наш канал" alt="Regulators Expanded" src="/static/client/img/yt.png" data-id="8022"></img></a>
                 <a href="#">
                 <img class="img-font" title="SKYPE" alt="Regulators Expanded" src="/static/client/img/skype.png" data-id="8022"></img></a> 
                  <a href="#">
                 <img class="img-font" title="Мы Вконтакте" alt="Regulators Expanded" src="/static/client/img/vk.jpg" data-id="8022"></img></a>     
                 <a href="#"><img class="img-font" title="Мы в Facebook" alt="Regulators Expanded" src="/static/client/img/fb.png" data-id="8022"></img></a>   
                 <a href="#">
                 <img class="img-font" title="Мы в google+" alt="Regulators Expanded" src="/static/client/img/google.png" data-id="8022"></img>
                </a>  
            </div>
            <div class="span2">
      
                <table class="table table-condensed">
                 <tr>
                    <td><b>1USD</b></td>
                    <td><b>8.22грн</b></td>
                 </tr>
                 <tr>
                    <td><b>1EUR</b></td>
                    <td><b>11.22грн</b></td>
                 </tr>
                </table>

              
    
    </div>
        </div>
    </div>

    <div class="container">
        <div class="row-fluid">
            <div class="navbar">
                <div class="navbar-inner">
                    <ul class="nav">
                        <li><h5>Каталоги:</h5></li>
                        <li><a href="cats.html">Оригинальные каталоги</a></li>
                        <li><a href="#">TecDoc</a></li>
                        <li><a href="#">Масла и автохимия</a></li>
                        <li><a href="#">Диски и шины</a></li>
                        <li><a href="#">Автостекла</a></li>
                        <li><a href="#">Тюнинг</a></li>
                        <li><a href="#">Электрика</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row-fluid">
            {% block body %}
            {% endblock %}
        </div>
    </div>

    <footer class="footer">
        <div class="container">
            <p> Компания <a href="/" target="_blank">AutoCartel</a></p>

            <p>Украина, г.Харьков, ул.Полтавский Шлях 15/7</p>

            <p>2013 год</p>
        </div>
    </footer>

</body>
<script src="/static/client/js/jquery.js"></script> 
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<!-- <script src="/static/client/js/jquery.js"></script> -->
<script src="/static/client/js/bootstrap-transition.js"></script>
<script src="/static/client/js/bootstrap-alert.js"></script>
<script src="/static/client/js/bootstrap-modal.js"></script>
<script src="/static/client/js/bootstrap-dropdown.js"></script>
<script src="/static/client/js/bootstrap-scrollspy.js"></script>
<script src="/static/client/js/bootstrap-tab.js"></script>
<script src="/static/client/js/bootstrap-tooltip.js"></script>
<script src="/static/client/js/bootstrap-popover.js"></script>
<script src="/static/client/js/bootstrap-button.js"></script>
<script src="/static/client/js/bootstrap-collapse.js"></script>
<script src="/static/client/js/bootstrap-carousel.js"></script>
<script src="/static/client/js/bootstrap-typeahead.js"></script>
<script src="/static/client/js/bootstrap-affix.js"></script>
<script src="/static/client/js/holder/holder.js"></script>
<script src="/static/client/js/google-code-prettify/prettify.js"></script>
<script src="/static/client/js/application.js"></script>
</html>
